<template>
  <svg
    t="1703647638185"
    class="icon"
    viewBox="0 0 1024 1024"
    version="1.1"
    xmlns="http://www.w3.org/2000/svg"
    p-id="5274"
    width="200"
    height="200"
  >
    <path
      d="M811.525 99H206.472C174.732 99 149 124.729 149 156.467l0.012 1.151a57.463 57.463 0 0 0 11.911 33.893L403.1 506.216l0.001 276.645a80.452 80.452 0 0 0 42.561 70.969l106.78 57.013c21.28 11.362 47.742 3.323 59.105-17.954l0.52-1.006a43.671 43.671 0 0 0 4.629-19.566V504.993l240.438-313.56c19.313-25.187 14.55-61.26-10.64-80.571A57.476 57.476 0 0 0 811.524 99z"
      p-id="5275"
    ></path>
  </svg>
</template>

<script setup lang="tsx">
import { ref, reactive, defineEmits, onMounted } from "vue";
/*
基本数据类型
引用数据类型（复杂类型） 个人建议 ref初始化变量 
ref 和 reactive 本质我们可以简单的理解为ref是对reactive的二次包装, 
ref定义的数据访问的时候要多一个.value
*/

const state = reactive({});

defineProps({
  msg: {
    type: String,
    required: true,
  },
});
</script>

<style scoped lang="scss"></style>
